import { FC } from "react";
import { Typography, Space } from 'antd'
import { Link } from "react-router-dom";
import style from './index.module.scss'
import classNames from "classnames/bind";
import { Html5Outlined } from '@ant-design/icons'
import { HOME_PATHNAME } from "../../concats";
const { Title, Paragraph } = Typography;
const CBN = classNames.bind(style)

const Logo: FC = () => {
    return <Link to={HOME_PATHNAME}>
        <div className={CBN('logo')} >
            <Paragraph className={CBN('paragraph')}>
                <Space size={"middle"} align='center'>
                    <Title >
                        <Html5Outlined />
                    </Title>
                    <Title >
                        答题卡
                    </Title>
                </Space>
            </Paragraph>
        </div>
    </Link>
}


export default Logo